/**全栈链改 */
<template>
  <div class="chain-page">
    <solution-header
      class="chain-top-box"
      :dataInfo="headerInfo"
    ></solution-header>
    <solution-advantage
      title="产品方案"
      :dataLsit="solutionLsit"
    ></solution-advantage>
    <div class="progress-box top-img-bg-box">
      <div class="progress-content-box main-content">
        <div class="solution-title-box">链改流程</div>
        <div class="solution-line-box"></div>
        <div class="progress-steps-box">
          <img src="../../../assets/solution/icon_chain_process.png" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import ApplicationScenarios from "../commont/application-scenarios.vue";
import BusinessArchitecture from "../commont/business-architecture.vue";
import CooperationCase from "../commont/cooperation-case.vue";
import SolutionAdvantage from "../commont/solution-advantage.vue";
import SolutionHeader from "../commont/SolutionHeader.vue";
export default {
  components: {
    SolutionAdvantage,
    BusinessArchitecture,
    ApplicationScenarios,
    CooperationCase,
    SolutionHeader,
  },
  props: {},
  data() {
    return {
      headerInfo: {
        title: "全栈链改解决方案",
        dec:
          "通过区块链技术的应用，对企业自身业务进行改造。更新商业模式，建立经济模型，重塑企业与用户之间的关系，达成优化商业效果的目的。",
      },
      solutionLsit: [
        {
          icon: "icon_chain_1",
          title: "积分链改",
          dec:
            "根据企业业务场景，将企业价值与用户相绑定。基于区块链技术及结算智能合约，针对积分经济模型、激励机制、社区治理、发行、流通、兑换提供整套完整解决方案",
        },
        {
          icon: "icon_chain_2",
          title: "区块链积分营销",
          dec:
            "利用丰富和个性化的数字积分营销体验，结合互联网营销环节中的数字资产、风控认证、结合区块链资产化、数字积分化的特性，对现有营销服务场景进行提升改造，结合现有热点提升营销效率。",
        },
        {
          icon: "icon_chain_3",
          title: "股权链改",
          dec:
            "内部股权激励机制，规定好完善的激励方案，通过区块链的智能合约，系统将自动奖励股份，实现数字股权应有的高效与公平。",
        },
        {
          icon: "icon_chain_4",
          title: "链式分销",
          dec:
            "基于分销代理社交关系助力业务传播，打破圈层，实现用户裂变和指数级增长。提升用户黏性，提升用户活跃，持续促进拉新。",
        },
      ],
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.chain-top-box {
  background: url("../../../assets/solution/icon_chain_top.png");
}

.progress-box {
  background: url("../../../assets/solution/icon_progress_bg.png");
  .solution-title-box {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    line-height: 42px;
    letter-spacing: 1px;
  }
  .solution-line-box {
    width: 48px;
    height: 2px;
    background: #ffffff;
    margin-top: 20px;
    margin-bottom: 13px;
  }
  .progress-steps-box {
    margin: 30px auto;
    img {
      max-width: 100%;
    }
  }
}
</style>
